/*!
Theme Name: Astronaut 2014
Author: Tim Holt
Author URI: http://astronautweb.co/

*/
/* http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox */
/* usage: @include background-image('logo', $logo-w $logo-h); */
/* #LIBRARIES
================================================== */
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
article, aside, figure, footer, header, nav, section, details, summary, main {
  display: block; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover */
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  select {
    background: #fff !important; }
  .navbar {
    display: none; }
  .table td, .table th {
    background-color: #fff !important; }
  .btn > .caret, .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px; }

body {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.42857;
  color: #222;
  background-color: white; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #0D9FFA;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out; }
  a:hover, a:focus {
    color: #0472b7; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto-webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 3px; }

.img-thumbnail {
  padding: 5px;
  line-height: 1.42857;
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #0d132b; }
  h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #ae0000; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
    font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
    font-size: 75%; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 24px; } }

small, .small {
  font-size: 85%; }

cite {
  font-style: normal; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-muted {
  color: #999999; }

.text-primary {
  color: #428bca; }

a.text-primary:hover {
  color: #3073a9; }

.text-success {
  color: #3c763d; }

a.text-success:hover {
  color: #2b542b; }

.text-info {
  color: #31708f; }

a.text-info:hover {
  color: #245369; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover {
  color: #66502c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #428bca; }

a.bg-primary:hover {
  background-color: #3073a9; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover {
  background-color: #afdaee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul, ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }
  .list-inline > li:first-child {
    padding-left: 0; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt, dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; }
    .dl-horizontal dd:after {
      content: "";
      display: table;
      clear: both; } }

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 20px; }
  blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #999999; }
    blockquote footer:before, blockquote small:before, blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

blockquote:before, blockquote:after {
  content: ""; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: white; }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"], table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e4f3; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch; }
    .table-responsive > .table {
      margin-bottom: 0; }
      .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap; }
    .table-responsive > .table-bordered {
      border: 0; }
      .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0; }
      .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0; }
      .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple], select[size] {
  height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto-webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1; }

textarea.form-control {
  height: auto; }

input[type="date"] {
  line-height: 34px; }

.form-group {
  margin-bottom: 15px; }

.radio, .checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px; }
  .radio label, .checkbox label {
    display: inline;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], fieldset[disabled] input[type="checkbox"], .radio[disabled], fieldset[disabled] .radio, .radio-inline[disabled], fieldset[disabled] .radio-inline, .checkbox[disabled], fieldset[disabled] .checkbox, .checkbox-inline[disabled], fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 2px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, select[multiple].input-sm {
  height: auto; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 3px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, select[multiple].input-lg {
  height: auto; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }
  .has-feedback .form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
  color: #3c763d; }
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }
.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
  color: #8a6d3b; }
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66502c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c09f6b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c09f6b; }
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }
.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
  color: #a94442; }
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }
.has-error .form-control-feedback {
  color: #a94442; }

.form-control-static {
  margin-bottom: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #626262; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px; }
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:after {
    content: "";
    display: table;
    clear: both; }
.form-horizontal .form-control-static {
  padding-top: 7px; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right; } }
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p, .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }
  .alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d7e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #cae2b3; }
  .alert-success .alert-link {
    color: #2b542b; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce9f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e2ec; }
  .alert-info .alert-link {
    color: #245369; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faeacc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e0b5; }
  .alert-warning .alert-link {
    color: #66502c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 14px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  overflow: hidden; }
  .text-hide:before {
    content: "";
    display: block;
    width: 0;
    height: 100%; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs, td.visible-xs {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm, td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md, td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg, td.visible-lg {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print, td.visible-print {
    display: table-cell !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* #GENERAL
================================================== */
/* layout
	------------------------------------------------------- */
html {
  height: 100%;
  overflow-x: hidden; }

.home.page {
  height: 100%; }

body {
  font-weight: 400;
  height: 100%; }

.wrapper {
  /* sticky footer */
  display: -webkit-box;
  /* sticky footer */
  display: -webkit-flex;
  /* sticky footer */
  display: -ms-flexbox;
  /* sticky footer */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%; }

.container {
  max-width: 68.75em;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: max-width 0.7s ease-out;
  transition: max-width 0.7s ease-out; }
  @media only screen and (min-width: 81.25em) {
    .container {
      max-width: 80em; } }

.main {
  padding-top: 3em;
  padding-bottom: 5em;
  /* sticky footer */
  -webkit-box-flex: 1;
  /* sticky footer */
  -webkit-flex: 1 0 auto;
  /* sticky footer */
  -ms-flex: 1 0 auto;
  /* sticky footer */
  flex: 1 0 auto; }
  .home.page .main {
    padding: 0; }

/*
    hack to make sticky footer work in IE
    'ie-sticky-footer' class is added by JS
    if the total page height
    is less than the viewport height
 */
.flexboxtweener .ie-sticky-footer .wrapper {
  height: 100%; }

.browsehappy {
  padding: 25px;
  height: 117px;
  background: #f2dede;
  color: #a94442;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ebccd1; }
  .browsehappy a {
    color: #0D9FFA;
    text-decoration: underline; }
  .browsehappy .close {
    position: absolute;
    right: 5px;
    top: 5px;
    border: none;
    background-color: white;
    color: #a94442;
    font-weight: bold; }

.icon-github {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2221%22%20height%3D%2224%22%20viewBox%3D%220%200%2021%2024%22%3E%3Cg%3E%3C%2Fg%3E%20%3Cpath%20d%3D%22M20.571%2012q0%203.362-1.962%206.047t-5.069%203.717q-0.362%200.067-0.529-0.094t-0.167-0.402v-2.826q0-1.299-0.696-1.902%200.763-0.080%201.373-0.241t1.259-0.522%201.085-0.891%200.71-1.406%200.275-2.016q0-1.621-1.058-2.759%200.496-1.219-0.107-2.732-0.375-0.121-1.085%200.147t-1.232%200.589l-0.509%200.321q-1.246-0.348-2.571-0.348t-2.571%200.348q-0.214-0.147-0.569-0.362t-1.118-0.516-1.152-0.181q-0.589%201.513-0.094%202.732-1.058%201.138-1.058%202.759%200%201.138%200.275%202.009t0.703%201.406%201.078%200.897%201.259%200.522%201.373%200.241q-0.536%200.482-0.656%201.379-0.281%200.134-0.603%200.201t-0.763%200.067-0.877-0.288-0.743-0.837q-0.254-0.429-0.65-0.696t-0.663-0.321l-0.268-0.040q-0.281%200-0.388%200.060t-0.067%200.154%200.121%200.188%200.174%200.161l0.094%200.067q0.295%200.134%200.583%200.509t0.422%200.683l0.134%200.308q0.174%200.509%200.589%200.824t0.897%200.402%200.931%200.094%200.743-0.047l0.308-0.054q0%200.509%200.007%201.192t0.007%200.723q0%200.241-0.174%200.402t-0.536%200.094q-3.107-1.031-5.069-3.717t-1.962-6.047q0-2.799%201.379-5.163t3.743-3.743%205.163-1.379%205.163%201.379%203.743%203.743%201.379%205.163z%22%20fill%3D%22%23aaaaaa%22%20%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat; }
  .no-svg .icon-github {
    background-image: url(''); }

.icon-stack-overflow {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2219%22%20height%3D%2224%22%20viewBox%3D%220%200%2019%2024%22%3E%3Cg%3E%3C%2Fg%3E%20%3Cpath%20d%3D%22M12.429%2018.763v2.022l-9.469%200.013v-2.022zM15.656%2014.129v9.388l-0.013%200.469v0.013l-15.643-0.013v-9.857h1.621v8.277h12.429v-8.277h1.607zM3.228%2015.308l9.429%200.871-0.174%202.009-9.442-0.871zM4.138%2011.076l9.147%202.451-0.522%201.955-9.147-2.451zM6.321%206.402l8.156%204.821-1.031%201.741-8.156-4.821zM11.143%201.969l5.33%207.835-1.661%201.138-5.344-7.821zM17.21%200l1.621%209.335-1.996%200.348-1.621-9.335z%22%20fill%3D%22%23aaaaaa%22%20%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat; }
  .no-svg .icon-stack-overflow {
    background-image: url(''); }

.icon-twitter {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2224%22%20viewBox%3D%220%200%2022%2024%22%3E%3Cg%3E%3C%2Fg%3E%20%3Cpath%20d%3D%22M21.696%205.464q-0.897%201.313-2.17%202.237%200.013%200.188%200.013%200.562%200%201.741-0.509%203.475t-1.547%203.328-2.471%202.819-3.455%201.955-4.326%200.73q-3.629%200-6.643-1.942%200.469%200.054%201.045%200.054%203.013%200%205.371-1.848-1.406-0.027-2.518-0.864t-1.527-2.136q0.442%200.067%200.817%200.067%200.576%200%201.138-0.147-1.5-0.308-2.484-1.493t-0.984-2.752v-0.054q0.911%200.509%201.955%200.549-0.884-0.589-1.406-1.54t-0.522-2.063q0-1.179%200.589-2.183%201.621%201.996%203.944%203.194t4.975%201.333q-0.107-0.509-0.107-0.991%200-1.795%201.266-3.060t3.060-1.266q1.875%200%203.161%201.366%201.46-0.281%202.746-1.045-0.496%201.54-1.902%202.384%201.246-0.134%202.491-0.67z%22%20fill%3D%22%23aaaaaa%22%20%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat; }
  .no-svg .icon-twitter {
    background-image: url(''); }

h1 {
  font-size: 28px;
  font-size: 1.75rem; }

h2 {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 400; }

h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1em; }

h4 {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 400; }

h5 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400; }

h6 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400; }

h3, h4, h5, h6 {
  font-family: 'museo-slab', georgia, serif; }

h1, h2, h3, h4, h5, h6, p, li, nav a {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }
  .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading li, .wf-loading nav a {
    opacity: 0; }

.text-large {
  font-size: 18px;
  font-size: 1.125rem; }
  @media only screen and (min-width: 37.5em) {
    .text-large {
      font-size: 20px;
      font-size: 1.25rem; } }

.text-small {
  font-size: 14px;
  font-size: 0.875rem; }

.text-tiny, .foot-note {
  font-size: 12px;
  font-size: 0.75rem; }

.foot-note {
  color: #aaa; }

.article-content a {
  border-bottom: 1px dotted #ccc; }
.article-content a:hover {
  border-bottom-color: #0472b7; }

.not-phone-number a {
  color: #222 !important;
  underline: none !important; }

strong {
  font-weight: 600; }

blockquote {
  background: #f5f5f5;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  color: #555;
  text-shadow: 0 1px 0 white;
  font-style: italic;
  max-width: 610px;
  margin: 1.5em auto 10px;
  border-left: 5px solid #ae0000; }
  @media only screen and (min-width: 37.5em) {
    blockquote {
      font-size: 20px;
      font-size: 1.25rem; } }

hr {
  border-top: 1px dashed #ccc; }

.page-heading {
  padding: 25px 0; }
  .page-heading h2 {
    font-size: 30px;
    font-size: 1.875rem;
    text-align: center;
    letter-spacing: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #ccc; }
  @media only screen and (min-width: 37.5em) {
    .page-heading h2 {
      font-size: 60px;
      font-size: 3.75rem;
      letter-spacing: 30px;
      padding-left: 30px; } }
  @media only screen and (min-width: 50em) {
    .page-heading {
      padding: 40px 0; }
      .page-heading h2 {
        font-size: 80px;
        font-size: 5rem;
        letter-spacing: 60px;
        color: white;
        text-shadow: -1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc; }
        .no-textshadow .page-heading h2 {
          color: #ccc; } }

.article-header h1 {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5em;
  padding: 0.5em 1em;
  border-bottom: 2px dotted #eee; }
  @media only screen and (min-width: 37.5em) {
    .article-header h1 {
      font-size: 40px;
      font-size: 2.5rem; } }
  .article-header h1 a {
    color: #0D9FFA; }
  .article-header h1 a:hover {
    color: #ae0000;
    text-decoration: none; }

section h3 {
  display: block;
  text-align: center;
  font-family: 'museo-slab', georgia, serif;
  font-size: 20px;
  font-size: 1.25rem;
  color: #999;
  text-shadow: 0 1px 0 #fff; }

/* #ELEMENTS
================================================== */

a.button {
  text-decoration: none; }
  a.button:hover {
    color: white; }

.button, #respond input[type="submit"] {
  font-family: 'museo-slab', georgia, serif;
  background: #ae0000;
  padding: 6px 14px;
  border-radius: 5px;
  border-bottom: 2px solid #790000;
  color: white;
  display: inline-block;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease; }
  .button:hover, #respond input[type="submit"]:hover, .button:active, #respond input[type="submit"]:active {
    background: #c64c4c; }
  .button:active, #respond input[type="submit"]:active {
    border-bottom-color: #ae0000; }
  @media only screen and (max-width: 37.5em) { }
  .article-content .button, .article-content #respond input[type="submit"], #respond .article-content input[type="submit"] {
    border-bottom: 2px solid #790000; }

.btn-blue {
  background: #1b2757;
  border-bottom-color: black; }
  .btn-blue:hover, .btn-blue:active {
    background: #334ca5; }

.btn-large {
  padding: 10px 20px;
  font-size: 20px; }

.btn-full {
  width: 100%;
  text-align: center; }

.button-in-article {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em; }
  .button-in-article a {
    display: inline-block;
    min-width: 160px;
    background: #c64c4c; }

#respond input[type="submit"] {
  border-top: none;
  border-left: none;
  border-right: none; }

/* responsive images
    ------------------------------------------------------- */
img, img[class*="align"], img[class*="wp-image-"] {
  max-width: 100%;
  height: auto; }

/* thumbnails
    ------------------------------------------------------- */
.post-thumbnail img {
  border-radius: 2px; }

/* WP alignment
    ------------------------------------------------------- */
.alignleft, .alignright, .aligncenter, .alignnone {
  margin: 5px 0 1em;
  border-radius: 3px; }
  .alignleft img, .alignright img, .aligncenter img, .alignnone img {
    border-radius: 3px; }

.alignleft {
  float: left;
  margin-left: 0;
  margin-right: 1em; }

.alignleft.rhs {
  margin-right: 0; }

.alignright {
  float: right;
  margin-right: 0;
  margin-left: 1em; }

.alignnone {
  float: none; }

.aligncenter, div.aligncenter {
  display: block;
  text-align: center;
  margin: 1em auto 1.5em; }

/* caption
    ------------------------------------------------------- */
.wp-caption {
  padding: 10px 0 5px;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f9f9f9;
  margin-bottom: 1em;
  max-width: 96%; }

.wp-caption.aligncenter {
  margin: 1em auto 1.5em; }

.wp-caption img {
  display: block;
  margin: 0 auto; }

p.wp-caption-text {
  margin-top: 5px;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem; }

.gform_wrapper ul {
  padding-left: 0;
  list-style: none; }

.gform_wrapper li {
  margin-bottom: 15px; }

.gform_wrapper form {
  margin-bottom: 0; }

.gform_wrapper .gfield_required {
  padding-left: 1px;
  color: #b94a48; }

.ginput_container input, .ginput_container select, .ginput_container textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder {
  color: #999; }

.ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder {
  color: #999; }

.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
  color: #999; }

.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea {
  cursor: not-allowed;
  background-color: #eee; }

textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea {
  height: auto; }

.ginput_container textarea {
  height: auto; }

.gform_button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd; }

.gform_button:focus {
  outline: thin dotted #333;
  outline: 5px auto-webkit-focus-ring-color;
  outline-offset: -2px; }

.gform_button:hover, .gform_button:focus {
  color: #333;
  text-decoration: none; }

.gform_button:active, .gform_button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

.gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e; }

.gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button {
  background-image: none; }

.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active {
  background-color: #428bca;
  border-color: #357ebd; }

.gform_wrapper .gfield_error .gfield_label {
  color: #b94a48; }

.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
  border-color: #eed3d7;
  background-color: #f2dede;
  color: #b94a48; }

.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
  border-color: #b94a48;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 74, 72, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 74, 72, 0.6); }

.validation_error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

.validation_error h4 {
  margin-top: 0;
  color: inherit; }

.validation_error .alert-link {
  font-weight: bold; }

.validation_error > p, .validation_error > ul {
  margin-bottom: 0; }

.validation_error > p + p {
  margin-top: 5px; }

.validation_error hr {
  border-top-color: #e6c1c7; }

.validation_error .alert-link {
  color: #953b39; }

#gforms_confirmation_message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

#gforms_confirmation_message h4 {
  margin-top: 0;
  color: inherit; }

#gforms_confirmation_message .alert-link {
  font-weight: bold; }

#gforms_confirmation_message > p, #gforms_confirmation_message > ul {
  margin-bottom: 0; }

#gforms_confirmation_message > p + p {
  margin-top: 5px; }

.gallery-row {
  padding: 15px 0; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

figure.alignnone {
  margin-left: 0;
  margin-right: 0; }

.gform_wrapper .ginput_complex .ginput_left {
  float: left;
  width: 50%; }

.gform_wrapper .ginput_complex .ginput_right {
  float: right;
  width: 49%; }

.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
  display: block;
  font-size: 11px;
  letter-spacing: 0.5pt;
  margin: 3px 0; }

.gform_wrapper, .gform_confirmation_wrapper {
  width: 100%;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 15px;
  font-size: 13px;
  font-size: 0.8125rem; }

.form input {
  font-size: 13px;
  font-size: 0.8125rem; }
.form button {
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 1em 0 1em;
  font-size: 16px;
  font-size: 1rem; }
  .form button:focus, .form button:active {
    outline: 0; }

.gform_footer {
  text-align: center; }
  .gform_footer input[type="submit"] {
    font-family: 'museo-slab', georgia, serif;
    background: #ae0000;
    padding: 10px 20px;
    font-size: 20px;
    font-size: 1.25rem;
    text-shadow: 0 -1px 0 #790000;
    border-radius: 5px;
    -webkit-appearance: none;
    border: none;
    border-bottom: 2px solid #790000;
    color: white;
    display: inline-block;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease; }

.gform_validation_container, .hide-label {
  display: none; }

.gf-add-placeholder .gfield_label {
  display: none; }

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 *
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  background: none !important;
  border: 0 !important;
  bottom: auto !important;
  float: none !important;
  height: auto !important;
  left: auto !important;
  line-height: 1.1em !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  vertical-align: baseline !important;
  width: auto !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 13px !important;
  min-height: inherit !important;
  min-height: auto !important; }

.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;
  position: relative !important;
  overflow: auto !important;
  font-size: 1em !important; }

.syntaxhighlighter.source {
  overflow: hidden !important; }

.syntaxhighlighter .bold {
  font-weight: bold !important; }

.syntaxhighlighter .italic {
  font-style: italic !important; }

.syntaxhighlighter .line {
  white-space: pre !important; }

.syntaxhighlighter table {
  width: 100% !important; }

.syntaxhighlighter table caption {
  text-align: left !important;
  padding: 0.5em 0 0.5em 1em !important; }

.syntaxhighlighter table td.code {
  width: 100% !important; }

.syntaxhighlighter table td.code .container {
  position: relative !important; }

.syntaxhighlighter table td.code .container textarea {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background: white !important;
  padding-left: 1em !important;
  overflow: hidden !important;
  white-space: pre !important; }

.syntaxhighlighter table td.gutter .line {
  text-align: right !important;
  padding: 0 0.5em 0 1em !important; }

.syntaxhighlighter table td.code .line {
  padding: 0 1em !important; }

.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
  padding-left: 0em !important; }

.syntaxhighlighter.show {
  display: block !important; }

.syntaxhighlighter.collapsed table {
  display: none !important; }

.syntaxhighlighter.collapsed .toolbar {
  padding: 0.1em 0.8em 0em 0.8em !important;
  font-size: 1em !important;
  position: static !important;
  width: auto !important;
  height: auto !important; }

.syntaxhighlighter.collapsed .toolbar span {
  display: inline !important;
  margin-right: 1em !important; }

.syntaxhighlighter.collapsed .toolbar span a {
  padding: 0 !important;
  display: none !important; }

.syntaxhighlighter.collapsed .toolbar span a.expandSource {
  display: inline !important; }

.syntaxhighlighter .toolbar {
  position: absolute !important;
  right: 1px !important;
  top: 1px !important;
  width: 11px !important;
  height: 11px !important;
  font-size: 10px !important;
  z-index: 10 !important; }

.syntaxhighlighter .toolbar span.title {
  display: inline !important; }

.syntaxhighlighter .toolbar a {
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  padding-top: 1px !important; }

.syntaxhighlighter .toolbar a.expandSource {
  display: none !important; }

.syntaxhighlighter.ie {
  font-size: 0.9em !important;
  padding: 1px 0 1px 0 !important; }

.syntaxhighlighter.ie .toolbar {
  line-height: 8px !important; }

.syntaxhighlighter.ie .toolbar a {
  padding-top: 0px !important; }

.syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content {
  background: none !important; }

.syntaxhighlighter.printing .line .number {
  color: #bbbbbb !important; }

.syntaxhighlighter.printing .line .content {
  color: black !important; }

.syntaxhighlighter.printing .toolbar {
  display: none !important; }

.syntaxhighlighter.printing a {
  text-decoration: none !important; }

.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
  color: black !important; }

.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
  color: #008200 !important; }

.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
  color: blue !important; }

.syntaxhighlighter.printing .keyword {
  color: #006699 !important;
  font-weight: bold !important; }

.syntaxhighlighter.printing .preprocessor {
  color: gray !important; }

.syntaxhighlighter.printing .variable {
  color: #aa7700 !important; }

.syntaxhighlighter.printing .value {
  color: #009900 !important; }

.syntaxhighlighter.printing .functions {
  color: #ff1493 !important; }

.syntaxhighlighter.printing .constants {
  color: #0066cc !important; }

.syntaxhighlighter.printing .script {
  font-weight: bold !important; }

.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
  color: gray !important; }

.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
  color: #ff1493 !important; }

.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
  color: red !important; }

.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
  color: black !important; }

.syntaxhighlighter {
  background-color: white !important; }

.syntaxhighlighter .line.alt1 {
  background-color: white !important; }

.syntaxhighlighter .line.alt2 {
  background-color: white !important; }

.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
  background-color: #e0e0e0 !important; }

.syntaxhighlighter .line.highlighted.number {
  color: black !important; }

.syntaxhighlighter table caption {
  color: black !important; }

.syntaxhighlighter .gutter {
  color: #afafaf !important; }

.syntaxhighlighter .gutter .line {
  border-right: 3px solid #6ce26c !important; }

.syntaxhighlighter .gutter .line.highlighted {
  background-color: #6ce26c !important;
  color: white !important; }

.syntaxhighlighter.printing .line .content {
  border: none !important; }

.syntaxhighlighter.collapsed {
  overflow: visible !important; }

.syntaxhighlighter.collapsed .toolbar {
  color: blue !important;
  background: white !important;
  border: 1px solid #6ce26c !important; }

.syntaxhighlighter.collapsed .toolbar a {
  color: blue !important; }

.syntaxhighlighter.collapsed .toolbar a:hover {
  color: red !important; }

.syntaxhighlighter .toolbar {
  color: white !important;
  background: #6ce26c !important;
  border: none !important; }

.syntaxhighlighter .toolbar a {
  color: white !important; }

.syntaxhighlighter .toolbar a:hover {
  color: black !important; }

.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
  color: black !important; }

.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
  color: #008200 !important; }

.syntaxhighlighter .string, .syntaxhighlighter .string a {
  color: blue !important; }

.syntaxhighlighter .keyword {
  color: #006699 !important; }

.syntaxhighlighter .preprocessor {
  color: gray !important; }

.syntaxhighlighter .variable {
  color: #aa7700 !important; }

.syntaxhighlighter .value {
  color: #009900 !important; }

.syntaxhighlighter .functions {
  color: #ff1493 !important; }

.syntaxhighlighter .constants {
  color: #0066cc !important; }

.syntaxhighlighter .script {
  font-weight: bold !important;
  color: #006699 !important;
  background-color: none !important; }

.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
  color: gray !important; }

.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
  color: #ff1493 !important; }

.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
  color: red !important; }

.syntaxhighlighter .keyword {
  font-weight: bold !important; }

code {
  color: #ae0000; }

.syntaxhighlighter {
  border-top: 5px dotted #eee;
  border-bottom: 5px dotted #eee;
  padding: 1em 0;
  margin-bottom: 2em !important; }
  .syntaxhighlighter code {
    font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
    padding: 0;
    color: inherit;
    background: none;
    border-radius: 0; }
  .syntaxhighlighter .gutter .line {
    font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
    text-align: right;
    padding: 0 2px; }
  .syntaxhighlighter .toolbar {
    background: none !important; }

ul, dl {
  margin-bottom: 2em; }

.article-content li, .bullet-list li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 8px; }
  .article-content li a, .bullet-list li a {
    color: #0472b7;
    border-bottom: none;
    text-decoration: underline; }
    .article-content li a:hover, .bullet-list li a:hover {
      color: #0D9FFA; }
  .article-content li:before, .bullet-list li:before {
    content: "";
    display: block;
    background-color: #0472b7;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 11px;
    margin-top: -3px; }

.tag-list li {
  display: inline-block;
  background-color: #ddd;
  color: #111;
  padding: 2px 8px;
  font-size: 12px;
  font-size: 0.75rem; }

ol.commentlist {
  list-style-type: none;
  margin: 0 0 15px;
  padding: 1px 0; }

li.comment {
  background: none repeat scroll 0 0 transparent;
  list-style: none outside none !important;
  margin: 0 !important;
  padding-left: 0 !important; }

.commentlist .comment-body .avatar, .commentlist .children .comment-body .avatar {
  position: absolute;
  right: 30px;
  top: 30px;
  border-radius: 2px; }

.commentlist .comment-body {
  background: #f5f5f5;
  margin: 0 0 10px;
  min-height: 80px;
  overflow: hidden;
  padding: 30px 90px 30px 30px;
  position: relative; }

.commentlist .comment-body .commentmetadata {
  padding: 5px 0; }

.commentlist p {
  padding-bottom: 15px; }

.comment-reply-link {
  font-family: Tahoma;
  font-size: 10px;
  background: none repeat scroll 0 0 #F9F9F9;
  border-right: 1px solid #E8E8E8;
  border-top: 1px solid #E8E8E8;
  bottom: 0;
  left: 0;
  padding: 0 8px 1px;
  position: absolute;
  text-decoration: none !important; }

.commentlist .children .highlighted > .comment-body .wrap-comment {
  padding: 20px 20px 20px 90px !important; }

.commentlist .highlighted > .comment-body .wrap-comment {
  border-color: #ECFFF9; }

.commentlist .highlighted > .comment-body {
  background: none repeat scroll 0 0 #CCCCCC;
  border: medium none;
  padding: 1px !important; }

.commentlist .children li > .comment-body {
  margin-bottom: 10px; }

.commentlist .children .comment-body {
  margin-bottom: 0;
  min-height: 90px;
  padding: 20px 20px 20px 30px; }

.commentlist .highlighted > .comment-body {
  background-color: #98BAB1; }

.commentlist .highlighted > .comment-body .wrap-comment {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 3px solid #EFEFEF;
  margin-bottom: 0;
  overflow: visible;
  padding: 15px 125px 25px 25px; }

.commentlist .children > li {
  border-left: 3px solid #d67f7f;
  list-style: none outside none;
  margin: 0;
  padding-bottom: 10px;
  padding-left: 30px !important;
  margin-bottom: 10px !important; }

.respond-form {
  margin-top: 2em;
  padding: 10px 15px;
  background: #f9f9f9;
  border: 1px solid #ddd; }
  .respond-form h3 {
    margin-top: 0.5em;
    margin-bottom: 1em;
    text-align: left;
    color: #ae0000; }
  .respond-form textarea {
    margin: 0 0 1em;
    min-height: 8em; }

#comment-form-elements {
  list-style-type: none;
  margin: 0; }
  #comment-form-elements label {
    display: none; }

.commentform-email .help-block {
  font-size: 11px;
  font-size: 0.6875rem;
  padding-left: 1em; }

/* #LAYOUT
================================================== */
.site-header {
  background-color: #e9e9e9;
  z-index: 20;
  padding: 9px 10px 9px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .site-header .container {
    border-bottom: 1px dashed #ddd; }
  .home.page .site-header {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.35); }
    .no-rgba .home.page .site-header {
      background: url('images/bg-transparent-black-35.png'); }
    .ie-message .home.page .site-header {
      top: 117px; }
  @media only screen and (min-width: 50em) {
    .site-header {
      height: 50px;
      padding: 0; } }

.astronaut-logo {
  margin: 0; }
  @media only screen and (min-width: 50em) {
    .astronaut-logo {
      margin-left: 70px; } }
  .astronaut-logo a {
    outline: none;
    overflow: hidden;
    display: block;
    background-image: url(images/astronaut-dark.svg);
    -webkit-background-size: 208px 32px;
    background-size: 208px 32px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 208px;
    height: 32px; }
    .astronaut-logo a:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    .no-svg .astronaut-logo a {
      background-image: url(images/astronaut-dark.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .astronaut-logo a {
          background-image: url(images/astronaut-dark@2x.png); } }
    .no-svg .astronaut-logo a {
      background-image: url(images/astronaut-dark.png); }
    .home.page .astronaut-logo a {
      background-image: url(images/astronaut-light.svg); }
      .no-svg .home.page .astronaut-logo a {
        background-image: url(images/astronaut-light.png); }
    @media only screen and (min-width: 50em) {
      .astronaut-logo a {
        width: 260px;
        height: 40px; } }
  .no-flexbox .astronaut-logo {
    float: left;
    margin-top: 5px; }

@media only screen and (max-width: 37.499em) {
  @-webkit-keyframes slideOpen {
    from {
      -webkit-transform: translateY(0);
      transform: translateY(0); }

    to {
      -webkit-transform: translateY(50px);
      transform: translateY(50px); } }
  @keyframes slideOpen {
    from {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }

    to {
      -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
      transform: translateY(50px); } }

  @-webkit-keyframes slideClosed {
    from {
      -webkit-transform: translateY(50px);
      transform: translateY(50px); }

    to {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }

  @keyframes slideClosed {
    from {
      -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
      transform: translateY(50px); }

    to {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }

  nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    left: 0;
    background-color: black;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px); }
    nav a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-family: 'museo-slab', georgia, serif;
      font-weight: 500;
      color: white;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 14px 20px;
      border-right: 1px solid #444; }
      nav a:last-child {
        border: none; }
  .nav-toggle {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generated%20by%20IcoMoon.io%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2221%22%20height%3D%2224%22%20viewBox%3D%220%200%2021%2024%22%3E%0A%09%3Cpath%20d%3D%22M20.571%2018v1.714q0%200.348-0.254%200.603t-0.603%200.254h-18.857q-0.348%200-0.603-0.254t-0.254-0.603v-1.714q0-0.348%200.254-0.603t0.603-0.254h18.857q0.348%200%200.603%200.254t0.254%200.603zM20.571%2011.143v1.714q0%200.348-0.254%200.603t-0.603%200.254h-18.857q-0.348%200-0.603-0.254t-0.254-0.603v-1.714q0-0.348%200.254-0.603t0.603-0.254h18.857q0.348%200%200.603%200.254t0.254%200.603zM20.571%204.286v1.714q0%200.348-0.254%200.603t-0.603%200.254h-18.857q-0.348%200-0.603-0.254t-0.254-0.603v-1.714q0-0.348%200.254-0.603t0.603-0.254h18.857q0.348%200%200.603%200.254t0.254%200.603z%22%20fill%3D%22%23808080%22%20/%3E%0A%3C/svg%3E%0A');
    background-color: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    width: 24px;
    height: 24px;
    text-indent: -9999em;
    border: none;
    outline: none;
    cursor: pointer; }
  .no-svg .nav-toggle {
    background-image: url('');
    background-repeat: no-repeat; }
  .wrapper {
    -webkit-animation-name: slideClosed;
    animation-name: slideClosed;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-delay: ease;
    animation-delay: ease; }
  .nav-open .wrapper {
    -webkit-animation-name: slideOpen;
    animation-name: slideOpen;
    -webkit-animation-duration: 0.35s;
    animation-duration: 0.35s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-delay: ease-out;
    animation-delay: ease-out; }
  .loading .wrapper {
    -webkit-animation: none;
    animation: none; } }

@media only screen and (min-width: 37.5em) {
  nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    nav a {
      margin-left: 5px;
      font-family: 'museo-slab', georgia, serif;
      font-weight: 500;
      color: #404040;
      display: inline-block;
      padding: 2px 8px;
      border-radius: 2px;
      width: 85px;
      text-align: center;
      background-color: transparent;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      nav a:hover {
        color: white;
        background-color: #ae0000; }
      nav a.current-page-item {
        color: #ae0000; }
      .page-home nav a {
        color: white;
        background-color: rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.65);
        box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.65); }
        .page-home nav a:hover {
          background-color: #ae0000; }
    .no-flexbox nav {
      float: right;
      margin-top: 12px; }
  .nav-toggle {
    display: none; } }

@media only screen and (min-width: 50em) {
  nav {
    margin-right: 70px; } }

.page-contact .container {
  width: 90%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto; }
  .page-contact .container h1, .page-contact .container h2 {
    font-family: 'museo-slab', georgia, serif;
    text-align: center;
    color: #555; }
    .page-contact .container h1 span, .page-contact .container h2 span {
      color: #ae0000; }
.page-contact .gform_wrapper {
  margin-top: 2em; }

.error404 .article-content {
  text-align: center; }

.article {
  padding: 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media only screen and (min-width: 37.5em) {
    .article {
      padding: 0; } }

.article-header {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.article-content {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.article-footer {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.article-index, .article-content, .article-comments {
  width: 90%;
  max-width: 43.5em;
  margin-left: auto;
  margin-right: auto; }

.article-header {
  margin-left: auto;
  margin-right: auto; }
  .article-header h1 {
    font-family: 'museo-slab', georgia, serif;
    margin-left: 1em;
    margin-right: 1em; }
  .article-header img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 37.499em) {
      .article-header img {
        width: 75px; } }
  .article-header .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

.article-thumbnail, .article-meta {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }
  .flexboxtweener .article-thumbnail, .flexboxtweener .article-meta {
    max-width: 100%; }


.article-meta {
  text-align: center;
  border-bottom: 2px dotted #eee;
  padding: 1em 0; }
  .article-meta p {
    margin: 0.25em 0;
    font-family: 'museo-slab', georgia, serif;
    font-style: italic; }
  .article-meta time {
    display: block; }
  .article-meta a {
    font-family: 'Open Sans', sans-serif; }
  .article-meta a, .article-meta time {
    font-style: normal; }

.article-content .subheading {
  font-size: 24px;
  font-size: 1.5rem;
  color: #555;
  line-height: 1.3;
  margin-bottom: 1em; }
.article-content h3 {
  color: #ae0000; }
.article-content h3:first-child {
  margin-top: 0; }

.article-footer {
  text-align: center; }

.socials {
  padding: 1em 0; }
  .socials > div {
    display: inline-block; }

.fb-like {
  position: relative;
  top: -5px; }

#carbonads-container {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -80px; }
  @media only screen and (max-width: 49.999em) {
    #carbonads-container {
      display: none; } }

.article-comments {
  border-top: 2px dotted #eee;
  margin-top: 3em; }

.article-index {
  padding-top: 3em; }

.article-excerpt {
  margin-bottom: 4em; }
  .article-excerpt h2 {
    font-family: 'museo-slab', georgia, serif;
    margin-top: 0; }
    .article-excerpt h2 a {
      color: #222; }
    .article-excerpt h2 a:hover {
      color: #ae0000; }
  .article-excerpt .post-thumbnail {
    float: left;
    margin-right: 2em; }
    @media only screen and (max-width: 37.5em) {
      .article-excerpt .post-thumbnail {
        width: 75px;
        margin-right: 1em;
        margin-top: 3px;
        margin-bottom: 10px; } }

.article-excerpt-meta {
  font-family: 'museo-slab', georgia, serif;
  margin-bottom: 1em;
  color: #555; }
  @media only screen and (max-width: 37.5em) {
    .article-excerpt-meta {
      clear: left; } }

.snippets-index {
  max-width: 34.375em; }
  .snippets-index h2 {
    font-size: 22px;
    font-size: 1.375rem; }
  .snippets-index .article-excerpt {
    margin-bottom: 1em; }
  .snippets-index .article-meta {
    padding-top: 0;
    text-align: left;
    font-size: 13px;
    font-size: 0.8125rem; }

.tags a {
  display: inline-block;
  background: #fff8ba;
  border: 1px solid #e5dc8a;
  text-decoration: none;
  color: #666;
  text-shadow: 0 1px #fff;
  padding: 0 5px 0 12px;
  border-radius: 12px 0 0 12px;
  position: relative;
  margin-right: 5px;
  line-height: 1.4; }

.tags a:before {
  content: '';
  display: block;
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  left: 3px;
  top: 6px;
  border: 1px solid #e5dc8a; }

/* font awesome demo
    ------------------------------------------------------- */
#font-awesome-list {
  margin-top: 3em; }
  #font-awesome-list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px; }
  #font-awesome-list li {
    list-style: none;
    padding-left: 0;
    padding-bottom: 6px; }
  #font-awesome-list li:before {
    display: none;
    width: 0;
    height: 0; }
  #font-awesome-list li i:before {
    font-size: 24px;
    font-size: 1.5rem;
    position: relative;
    top: 4px;
    color: #666; }
  #font-awesome-list li:hover {
    background-color: #eee; }
    #font-awesome-list li:hover i:before {
      color: #ae0000; }
  #font-awesome-list span {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-size: 0.8125rem; }
  #font-awesome-list i {
    width: 30px;
    text-align: center;
    margin-right: 20px; }
  #font-awesome-list .icon-name {
    width: 180px;
    text-align: left; }
  #font-awesome-list .icon-value {
    color: #AE0000; }

.related-post {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
  display: block;
  text-decoration: none !important; }
  .related-post img {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 15px 0 0; }
  .related-post h4 {
    margin: 0 0 10px; }
  .related-post:hover {
    background-color: #afdaee;
    border-color: #92dae8;
    border-bottom-style: solid; }

.site-footer {
  text-align: center;
  background-color: #404040;
  padding: 2em; }
  .site-footer p {
    font-size: 14px;
    font-size: 0.875rem;
    color: #aaa;
    margin: 0;
    font-family: 'museo-slab', georgia, serif;
    font-weight: 500;
    font-style: normal; }
    .site-footer p .not-phone-number a {
      color: #aaa !important; }

.footer-networks {
  margin-top: 0.5em;
  margin-bottom: 1em; }
  .footer-networks a {
    display: inline-block;
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin: 0 5px; }
    .footer-networks a:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
  .footer-networks a:hover {
    opacity: 0.5; }

/* #PAGES
================================================== */
.intro {
  position: relative;
  height: auto;
  width: 100%;
  z-index: 5;
  overflow-x: hidden;
  background-color: #fff;
  background-image: url(images/home-bg-mobile.jpg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 500px 640px;
  background-size: 500px 640px; }
  @media only screen and (max-width: 20em) {
    .intro {
      -webkit-background-size: 400px auto;
      background-size: 400px auto; } }
  @media only screen and (min-width: 37.5em) {
    .intro {
      background-image: url(images/home-bg.jpg);
      -webkit-background-size: cover;
      background-size: cover; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .intro {
      -webkit-background-size: 1152px 768px;
      background-size: 1152px 768px;
      background-position: center -64px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .intro {
      -webkit-background-size: 1800px 1200px;
      background-size: 1800px 1200px;
      background-position: 45% -160px; } }
  .ie-old .intro {
    background-color: #000;
    background-image: url(images/home-bg-ie-old.jpg); }

#home-bg {
  display: none; }

.vertical-center {
  position: absolute;
  width: 100%;
  height: 80%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (min-width: 50em) {
    .vertical-center {
      height: 100%; } }

.tagline {
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 0 3px 3px 0; }
  .no-rgba .tagline {
    background: url('images/bg-transparent-black-65.png'); }
  @media only screen and (min-width: 37.5em) {
    .tagline {
      background-color: rgba(0, 0, 0, 0.25); }
      .no-rgba .tagline {
        background: url('images/bg-transparent-black-35.png'); } }
  .tagline h2 {
    padding: 5px 20px 7px 20px;
    margin: 0;
    color: white;
    font-size: 22px;
    font-size: 1.375rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800; }
    @media only screen and (min-width: 37.5em) {
      .tagline h2 {
        font-size: 35px;
        font-size: 2.1875rem; } }
    @media only screen and (min-width: 50em) {
      .tagline h2 {
        padding-left: 70px;
        font-size: 50px;
        font-size: 3.125rem; } }
  .tagline a {
    overflow: hidden;
    display: block;
    text-align: center; }
    .tagline a:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
  @media only screen and (max-width: 37.499em) {
    .tagline {
      max-width: 160px; } }
  .no-flexbox .tagline {
    position: absolute;
    top: 50%;
    margin-top: -33px; }

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateX(-700px);
    transform: translateX(-700px); }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideIn {
  from {
    -webkit-transform: translateX(-700px);
    -ms-transform: translateX(-700px);
    transform: translateX(-700px); }

  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInSlideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInSlideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.home.page {
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }
  .no-js .home.page, .no-cssanimations .home.page {
    opacity: 1 !important;
    -webkit-animation: none !important;
    animation: none !important; }

.tagline {
  -webkit-transform: translateX(-700px);
  -ms-transform: translateX(-700px);
  transform: translateX(-700px);
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }
  .no-cssanimations .tagline {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-animation: none;
    animation: none; }

.tagline h2 {
  opacity: 0;
  -webkit-animation-name: fadeInSlideUp;
  animation-name: fadeInSlideUp;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }
  .no-cssanimations .tagline h2 {
    opacity: 1;
    -webkit-animation: none;
    animation: none; }

.read-on {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  font-family: 'museo-slab', georgia, serif;
  padding: 10px 0 10px 20px; }
  .no-rgba .read-on {
    background: url('images/bg-transparent-white-50.png'); }
  @media only screen and (min-width: 37.5em) {
    .read-on {
      background-color: rgba(255, 255, 255, 0.45); } }
  @media only screen and (min-width: 50em) {
    .read-on {
      padding-left: 70px; } }
  .read-on p {
    margin: 0; }

.read-on a {
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 2px 8px;
  border-radius: 2px;
  margin-left: 10px;
  width: 85px;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out; }
  .no-rgba .read-on a {
    background: url('images/bg-transparent-black-65.png'); }
  .read-on a:hover {
    color: white;
    background-color: #ae0000; }
  @media only screen and (max-width: 20em) {
    .read-on a {
      display: block;
      margin-left: 0;
      margin-top: 5px;
      padding-right: 82px; } }
.read-on .down-arrow {
  display: inline-block;
  width: 18px;
  height: 10px;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generated%20by%20IcoMoon.io%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%3Cg%3E%0A%3C/g%3E%0A%09%3Cpath%20d%3D%22M2.582%205.601c-0.271-0.268-0.709-0.268-0.979%200-0.27%200.267-0.27%200.701%200%200.969l7.908%207.83c0.271%200.268%200.708%200.268%200.979%200l7.908-7.83c0.27-0.268%200.271-0.701%200-0.969s-0.71-0.268-0.979-0.001l-7.419%207.141-7.418-7.14z%22%20fill%3D%22%23ffffff%22%20/%3E%0A%3C/svg%3E%0A');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center; }
  .read-on .down-arrow:hover {
    opacity: 0.7; }
  .no-svg .read-on .down-arrow {
    background-image: url('images/icons/output/png/arrow-down.png'); }

.clients {
  background-color: #fff;
  text-align: center;
  padding: 0.5em 0; }
  @media only screen and (min-width: 37.5em) {
    .clients {
      padding: 1.5em 0 4em; } }
  .initial .clients {
    opacity: 0; }

.client-logos {
  text-align: center; }
  @media only screen and (min-width: 37.5em) {
    .client-logos {
      width: 94%;
      max-width: 68.75em;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 62.5em) { }
  @media only screen and (min-width: 81.25em) {
    .client-logos {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around; } }

.client-logo {
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (max-width: 37.499em) { }
  @media only screen and (max-width: 81.249em) {
    .client-logo {
      width: 220px;
      margin: 10px 0; } }
  .client-logo > div {
    display: block;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/client-logos.png);
    -webkit-background-size: 1120px 120px;
    background-size: 1120px 120px;
    background-repeat: no-repeat; }
    .client-logo > div:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
      .client-logo > div {
        background-image: url(images/client-logos@2x.png); } }

.logo-roth {
  width: 148px;
  height: 46px;
  background-position: -8px -38px; }

.logo-metcash {
  width: 184px;
  height: 84px;
  background-position: -182px -22px; }

.logo-taste {
  width: 158px;
  height: 64px;
  background-position: -394px -30px; }

.logo-foxtel {
  width: 174px;
  height: 44px;
  background-position: -604px -38px; }

.logo-viviens {
  width: 182px;
  height: 50px;
  background-position: -830px -36px; }

.logo-stjohn {
  width: 68px;
  height: 118px;
  background-position: -1050px -6px; }

@media only screen and (max-width: 37.499em) {
  .client-logo {
    margin: 1em 0; }
  .logo-roth {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .logo-metcash {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .logo-taste {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    left: -4px; }
  .logo-foxtel {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .logo-viviens {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .logo-stjohn {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; } }

.quote {
  padding: 1.5em;
  background-color: #eee; }
  @media only screen and (min-width: 37.5em) {
    .quote {
      padding: 5em 0;
      border: none; } }

.quote-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 37.5em) {
    .quote-inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }

.quote blockquote {
  position: relative;
  background: none;
  border-left: none;
  font-family: 'museo-slab', georgia, serif;
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 0;
  margin-left: auto; }
  .no-flexbox .quote blockquote {
    float: right;
    margin-top: 7%; }

@media only screen and (min-width: 37.5em) {
  .quote blockquote {
    max-width: 750px;
    font-size: 26px;
    font-size: 1.625rem; }
    .quote blockquote span {
      position: absolute;
      font-size: 3em;
      line-height: 1;
      width: 36px;
      font-family: Georgia, Cambria, "Times New Roman", Times, serif; }
      .quote blockquote span:before {
        color: #ae0000; }
      .quote blockquote span.quote-open:before {
        content: '\201C';
        left: -40px;
        top: -17px; }
      .quote blockquote span.quote-close:before {
        content: '\201D';
        right: -30px;
        bottom: -37px; }
    .quote blockquote .quote-open {
      left: -20px;
      top: 0; } }

.quote .reference {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  margin-top: 1em;
  font-size: 13px;
  font-size: 0.8125rem; }

.mobile-menu-card {
  display: block;
  width: 75px;
  height: 150px;
  margin-bottom: 2em; }
  @media only screen and (min-width: 37.5em) {
    .mobile-menu-card {
      width: 150px;
      height: 300px;
      margin-bottom: 0; } }
  .no-flexbox .mobile-menu-card {
    float: left; }

.handcrafted {
  padding: 1.5em 0 2.5em;
  background-color: #eee; }
  @media only screen and (min-width: 37.5em) {
    .handcrafted {
      padding-top: 2em; } }
  .handcrafted h3 {
    margin-bottom: 2em; }
  .handcrafted p {
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    width: 90%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
  @media only screen and (min-width: 37.5em) {
    .handcrafted p {
      font-size: 26px;
      font-size: 1.625rem; } }

.circles {
  font-family: 'museo-slab', georgia, serif;
  color: white;
  font-size: 15px;
  font-size: 0.9375rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 260px;
  height: 260px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 3em; }
  @media only screen and (min-width: 37.5em) {
    .circles {
      font-size: 17px;
      font-size: 1.0625rem;
      width: 600px;
      height: 170px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      margin-top: 1em; } }
  @media only screen and (min-width: 50em) {
    .circles {
      font-size: 20px;
      font-size: 1.25rem;
      width: 700px;
      height: 200px; } }
  .no-flexbox .circles {
    text-align: center; }

.circle {
  background-color: rgba(0, 0, 0, 0.25);
  width: 150px;
  height: 150px;
  margin: -15px;
  border-radius: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }
  .circle span {
    padding: 0 1em;
    line-height: 1;
    display: inline-block;
    width: 100%;
    text-align: center; }
  @media only screen and (min-width: 37.5em) {
    .circle {
      width: 170px;
      height: 170px;
      border-radius: 85px; } }
  @media only screen and (min-width: 50em) {
    .circle {
      width: 200px;
      height: 200px;
      border-radius: 100px; } }
  .no-flexbox .circle {
    display: inline-block;
    position: relative; }
    .no-flexbox .circle span {
      position: absolute;
      top: 50%;
      margin-top: -20px; }

.circle-wordpress {
  background-color: rgba(41, 128, 185, 0.75); }

.circle-responsive {
  background-color: rgba(231, 76, 60, 0.75); }

.circle-mobile {
  background-color: rgba(243, 156, 18, 0.75); }

.circle-ui {
  background-color: rgba(39, 174, 96, 0.75); }

.no-rgba .circle-wordpress {
  background: url('images/ie-circle-blue.png'); }
.no-rgba .circle-responsive {
  background: url('images/ie-circle-red.png'); }
.no-rgba .circle-mobile {
  background: url('images/ie-circle-yellow.png'); }
.no-rgba .circle-ui {
  background: url('images/ie-circle-green.png'); }

.call-to-action {
  background-color: #fff;
  text-align: center;
  padding: 2em 0;
  border-top: 5px solid #ccc;
  border-bottom: 5px solid #ccc; }
  .call-to-action a {
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block;
    min-width: 200px;
    padding: 12px 20px;
    margin: 10px 5px;
    text-shadow: 0 -1px 0 #790000; }

@-webkit-keyframes fadeInSlideUpButtons {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInSlideUpButtons {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.call-to-action .button, .call-to-action #respond input[type="submit"], #respond .call-to-action input[type="submit"] {
  opacity: 0;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px); }
  .no-cssanimations .call-to-action .button, .no-cssanimations .call-to-action #respond input[type="submit"], #respond .no-cssanimations .call-to-action input[type="submit"] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: none !important;
    animation: none !important; }

.call-to-action.in-view .button, .call-to-action.in-view #respond input[type="submit"], #respond .call-to-action.in-view input[type="submit"] {
  -webkit-animation-name: fadeInSlideUpButtons;
  animation-name: fadeInSlideUpButtons;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.portfolio-intro {
  text-align: center;
  padding: 0 20px 2em; }
  .portfolio-intro p {
    font-size: 16px;
    font-size: 1rem;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
  @media only screen and (min-width: 37.5em) {
    .portfolio-intro {
      min-height: 500px; }
      .portfolio-intro p {
        font-size: 30px;
        font-size: 1.875rem; } }
  .portfolio-intro .down-arrow {
    display: block;
    width: 60px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generated%20by%20IcoMoon.io%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%3Cg%3E%0A%3C/g%3E%0A%09%3Cpath%20d%3D%22M2.582%205.601c-0.271-0.268-0.709-0.268-0.979%200-0.27%200.267-0.27%200.701%200%200.969l7.908%207.83c0.271%200.268%200.708%200.268%200.979%200l7.908-7.83c0.27-0.268%200.271-0.701%200-0.969s-0.71-0.268-0.979-0.001l-7.419%207.141-7.418-7.14z%22%20fill%3D%22%23ae0000%22%20/%3E%0A%3C/svg%3E%0A');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    margin-top: 40px;
    cursor: pointer; }
    .portfolio-intro .down-arrow:hover {
      opacity: 0.7; }

.back-to-top {
  opacity: 0;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 10px;
  padding: 3px 20px 5px 5px;
  border-radius: 3px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s; }
  .back-to-top:before {
    right: 5px; }
  .back-to-top.fade-in {
    opacity: 1; }

.code-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 8px;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generated%20by%20IcoMoon.io%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%3Cg%3E%0A%3C/g%3E%0A%09%3Cpath%20d%3D%22M2.5%2010l5-5h-2.5l-5%205%205%205h2.5zM15%205h-2.5l5%205-5%205h2.5l5-5zM10.625%202.5l-3.125%2015h1.875l3.125-15z%22%20fill%3D%22%23ae0000%22%20/%3E%0A%3C/svg%3E%0A');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  top: 2px;
  opacity: 0.7; }

@media only screen and (min-width: 37.5em) {
  .project {
    margin-bottom: 5em; } }
.project .featured-image span {
  display: inline-block;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 5px 12px; }
.project .featured-image p {
  max-width: 420px; }
@media only screen and (max-width: 37.499em) {
  .project .featured-image span {
    background-color: rgba(255, 255, 255, 0.75); } }

.project h1 {
  margin-top: 0;
  font-weight: 400;
  letter-spacing: 5px; }

.project-details {
  padding: 1em 15px;
  position: relative;
  z-index: 2; }
  @media only screen and (min-width: 81.25em) {
    .project-details {
      padding: 2em; } }
  @media only screen and (min-width: 81.25em) {
    .project-details .screenshot {
      margin-right: -8em; } }
  .project-details h5 {
    margin-top: 2em;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee; }

@media only screen and (min-width: 50em) {
  .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }

.column-one-half {
  padding-top: 1em; }
  @media only screen and (min-width: 50em) {
    .column-one-half {
      width: 50%;
      padding: 1em 2em 0; } }
  .no-flexbox .column-one-half {
    float: left; }

.screenshot-mobile {
  float: left;
  margin-top: 1em;
  margin-right: 2em;
  margin-left: -4em; }
  .screenshot-mobile img {
    max-height: 460px; }

@media only screen and (min-width: 50em) {
  .deliverables {
    max-width: 380px; } }
@media only screen and (min-width: 81.25em) {
  .deliverables {
    padding: 1em 0 1em 2em; } }
.deliverables .bullet-list li:before {
  background-color: #ae0000; }

.text-large {
  margin-bottom: 1.5em;
  font-family: 'museo-slab', georgia, serif;
  font-weight: 500;
  font-style: normal; }

.testimonial blockquote {
  font-family: 'museo-slab', georgia, serif;
  font-weight: 300;
  font-style: italic; }
.testimonial p {
  text-align: right;
  font-size: 13px;
  font-size: 0.8125rem; }

.website-link {
  margin-top: 4em;
  text-align: center; }
  .website-link .button, .website-link #respond input[type="submit"], #respond .website-link input[type="submit"] {
    background-color: #222;
    border-bottom-color: black; }

.parallax {
  z-index: 0;
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 37.5em) {
    .parallax {
      height: 400px; } }

.parallax-content {
  position: relative;
  z-index: 1;
  padding: 1em;
  height: 220px; }
  @media only screen and (min-width: 37.5em) {
    .parallax-content {
      padding: 2em;
      height: 400px; } }

.parallax-background {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-background-size: auto 260px;
  background-size: auto 260px;
  background-repeat: no-repeat;
  background-position: top center; }
  @media only screen and (min-width: 37.5em) {
    .parallax-background {
      -webkit-background-size: auto;
      background-size: auto;
      background-attachment: fixed; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .parallax-background {
      background-attachment: scroll;
      background-position: center 25%; } }
  .old-ie .parallax-background {
    background-position: center center; }

.parallax-banner-1 {
  background-image: url('images/metcash-featured.jpg'); }

.parallax-banner-2 {
  background-image: url('images/taste-featured.jpg'); }

.parallax-banner-3 {
  background-image: url('images/viviens-featured.jpg'); }

.parallax-banner-4 {
  background-image: url('images/smooth-featured.jpg'); }

.parallax-banner-5 {
  background-image: url('images/yqme-featured.jpg'); }

@keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.featured-image h1, .featured-image p {
  -webkit-transform: translateX(-2000px);
  -ms-transform: translateX(-2000px);
  transform: translateX(-2000px); }

.in-view .featured-image h1, .in-view .featured-image p {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }
.in-view .featured-image p {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s; }

.no-cssanimations .featured-image h1, .no-cssanimations .featured-image p {
  opacity: 1;
  -webkit-animation: none;
  animation: none;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.project-metcash .featured-image h1, .project-metcash .featured-image p, .project-metcash.inview .featured-image h1, .project-metcash.inview .featured-image p {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-animation: none;
  animation: none; }

.more-projects {
  text-align: center;
  margin: 2em 0 4em; }
  .more-projects .button, .more-projects #respond input[type="submit"], #respond .more-projects input[type="submit"] {
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block;
    min-width: 200px;
    padding: 12px 20px;
    margin: 10px 5px;
    text-shadow: 0 -1px 0 #790000; }
  @media only screen and (min-width: 37.5em) {
    .more-projects {
      margin-top: -4em; } }
  .more-projects a:active {
    border-bottom: 2px solid transparent; }

.old-projects ul {
  text-align: center; }
.old-projects li {
  display: inline-block;
  border: 1px solid #ddd;
  margin: 10px;
  width: 360px;
  height: 200px;
  position: relative; }
.old-projects span {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 10px 20px 5px;
  margin: 0 1px;
  width: 100%;
  font-size: 12px;
  text-align: left;
  color: white;
  text-shadow: 0 1px 0 black; }
  .no-rgba .old-projects span {
    background: url('images/bg-transparent-black-65.png'); }
  .old-projects span h4 {
    font-family: 'Open Sans', sans-serif;
    color: white; }
